@fff   : #fff;
@black : #111;
@f9    : #999;
@hover : #f682a7;

html,
body,
#__nuxt,
#__layout,
#__layout > div {


  height  : 100%;
  overflow: hidden;
}

.editor {
  height: 100%;

  .level-one.left {
    width       : 15%;
    float       : left;
    border-right: 1px solid #e6e6e6;
    padding     : 0 0;
    height      : 100%;
    overflow-y  : scroll;

    .home {
      margin       : 20px 20px;
      padding      : 10px 20px;
      color        : #000;
      display      : block;
      // border    : 1px solid @black;
      text-align   : center;
      background   : #e6e6e6;
      border-radius: 10px;

      &:hover {
        background: @hover;
        color     : @fff;
      }

    }

    .btn {
      margin : 20px 0 0;
      padding: 10px 20px;
      color  : #000;
      display: block;

      &:hover {
        color: @hover;
      }
    }

    ul {
      padding-bottom: 50px;

      li {
        a {
          padding: 10px 20px;
          display: block;
          color  : @black;
        }

        &:hover {
          a {
            background: @f9;
          }
        }
      }
    }
  }

  .level-one.right {
    width : 85%;
    float : left;
    height: 100%;

  }

  .second-floor.left {
    height    : 100%;
    overflow-y: scroll;

    .btn {

      margin : 20px 0 0;
      padding: 10px 20px;
      color  : #000;
      display: block;

      &:hover {
        color: @hover;
      }
    }

    width: 20%;
    float: left;

    ul {
      padding-bottom: 50px;

      li {
        a {
          padding: 10px 20px;
          display: block;
          color  : @black;
        }

        &:hover {
          a {
            background: @f9;
          }
        }
      }
    }
  }

  .second-floor.right {
    width : 80%;
    float : left;
    height: 100%;

    h2 {
      padding: 20px;
    }

    #editor {
      height: 100%;

      .w-e-text-container {
        height: 100% !important;
      }
    }
  }
}